<template>
  <div class="header-settings">
    <svg-icon
      class-name="settings-icon"
      icon-class="settings"
      @click.stop="click"
    />
  </div>
</template>

<script>
export default {
  name: 'Setting',
  methods: {
    click() {
      this.$store.dispatch('app/openSettings')
    }
  }
}
</script>

<style  lang="scss" scoped>
  .header-settings{
    font-size: 0 !important;
    .settings-icon {
    cursor: pointer;
    font-size: 18px;
    vertical-align: middle;
  }
  }
</style>
